﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<link rel="stylesheet" href="../../Content/skitter.styles.css" />
  

	<script type="text/javascript" language="javascript" src="../../Scripts/js/jquery.easing.1.3.js"></script>
<%--	<script type="text/javascript" language="javascript" src="js/jquery.animate-colors-min.js"></script>--%>
	<script type="text/javascript" language="javascript" src="../../Scripts/js/jquery.skitter.min.js"></script>
<div id="content" style="margin:0px">
			<div class="border_box">
				<div class="box_skitter box_skitter_large">
					<ul>
						<li><a href="#cube"><img src="../../Content/images/example/Untitled-1.jpg" class="cube" /></a><div class="label_text"></div></li>
						<li><a href="#cubeRandom"><img src="../../Content/images/example/Untitled-3.jpg" class="cubeRandom" /></a><div class="label_text"></div></li>
						<li><a href="#block"><img src="../../Content/images/example/Untitled-4.jpg" class="block" /></a><div class="label_text"></div></li>
						<li><a href="#cubeStop"><img src="../../Content/images/example/slide1.jpg" class="cubeStop" /></a><div class="label_text"></div></li>	
					</ul>
				</div>
			</div>
		</div>


	<script type="text/javascript" language="javascript">
	    $(document).ready(function () {
	        $('.box_skitter_large').skitter({
	            theme: 'clean',
	            numbers_align: 'center',
	            dots: true,
	            preview: true
	        });
	    });
	</script>
